<script setup>

</script>

<template>
	
	<router-view v-slot="{ Component }">
	  <keep-alive>
	    <component :is="Component" />
	  </keep-alive>
	</router-view>
	
	<van-tabbar route :active-color="mainColor" inactive-color="#aaa">
		<van-tabbar-item replace to="/index">
			<template #icon="props">
				<span class="iconfont icon-shouyefill" style="font-size: 20px;"></span>
			</template>
			<span class="tabbar-item-name">首页</span>
		</van-tabbar-item>
		<van-tabbar-item replace to="/cate">
			<template #icon="props">
				<span class="iconfont icon-fenlei" style="font-size: 20px;"></span>
			</template>
			<span class="tabbar-item-name">分类</span>
		</van-tabbar-item>
		<van-tabbar-item replace to="/buy" icon="bag">
			<span class="tabbar-item-name">特惠选</span>
		</van-tabbar-item>
		<van-tabbar-item replace to="/cart" icon="shopping-cart">
			<span class="tabbar-item-name">购物车</span>
		</van-tabbar-item>
		<van-tabbar-item replace to="/my" icon="manager">
			<span class="tabbar-item-name">我的</span>
		</van-tabbar-item>
	</van-tabbar>
</template>

<style>
	.van-tabbar .tabbar-item-name {
		/* font-size: 30px; */

	}
</style>